.a {
  background-color:black;
    color:white;
    text-align:center;
    padding:5px;
}
.b {
  overflow: hidden;
  color:#f2f2f2;
  background-color: rgb(72,72,72);
  user-select: none;
}
 

.b a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
 

.b a:hover {
  background-color: #ddd;
  color: black;
}

  
  
.f {
  overflow: hidden;
  color:#f2f2f2;
  background-color: gray;
  height:740px;
  text-align:center;
    width:188px;
    float:right;
}

.f a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 70px;
  text-decoration: none;
}
 

.f a:hover {
  background-color: active;
  color: black;
}

.c{
    background-color:#26C8CE;
    color:white;
    float:left;
	user-select: none;
}
@media screen and (max-width: 500px){
	.c{
		padding:12px; 
		width:15%;
		height:780px;
	}
}
@media screen and (min-width: 500px){
	.c{
		padding:12px;
		width:10%;
		height:720px;
		} 
}
.d {
    width:350px;
    float:left;
    padding:10px;          
}
.e {
    background-color:rgba(40,214,159,1.00);
    color:rgba(25,221,221,1.00);
    clear:both;
    text-align:center;
   padding:1px;          
}
.e a {
  color: rgba(12,151,151,1.00);
  padding: 0px 0px;
  text-decoration: none;
}
.e a:hover {
  color: rgba(12,200,117,1.00);
}

.titletext1{
	text-align: center;
	margin-top:30px;
}
.titletext2{
	text-align: center;
	margin-top:50px;
}
.icon{
	height:20px;
	width :20px;
}
.icon1{
	height:25px;
	width :25px;
}
.icon2{
	height:23px;
	width:23px;
}